<template>
  <div >
    <div class="banner bannera">
      <img :src="img.bac" alt="">
    </div>
    <div class="twocode_con">
      <div>
        <div class="flex-be-center twocode_con_title">
            
          <div>
            <img :src="img.tx" alt="">
          </div>
          <p>
            <span>Pop-vision</span>
            <em>向您推荐</em>
          </p>
        </div>
        <!-- 价格型号 -->
        <div class="flex-be-center">

          <div class="price_box">
            <span>¥ 198.00</span>
            <em>
              ROMA DR01-PLUS Black Goaler
          </em>
          </div>
          <!-- 我二维码 -->
          <div class="e_code_img">
            <img :src="img.ewm" alt="">
            <span>长按前往了解</span>
          </div>
        </div>
      </div>
    </div>
   


  </div>


</template>
<style>
  .bannera{
    height: 6rem;
    overflow: hidden;
  }
  .banner img{
width: 100%;
  }
.twocode_con{
  padding-left: 0.33rem;
  padding-right: 0.56rem;
}
.twocode_con_title{
  margin-bottom: 0.83rem;
}
.twocode_con_title>div{
  width:1.26rem;
height:1.26rem;
border-radius:50%;
overflow: hidden;
margin-right: 0.18rem;
margin-top: -0.63rem;
}
.twocode_con_title p{
  font-size:0.35rem;
font-weight:bold;
color:rgba(25,29,19,1);
}
.twocode_con_title p em{
  font-size:0.3rem;
font-weight:400;
color:rgba(25,29,19,1);
margin-left: 0.16rem;
}
/* 价格 */
.price_box{
  display: flex;
  flex-direction: column;
}
.price_box span{
  font-size:0.48rem;

font-weight:bold;
color:rgba(216,30,6,1);
margin-bottom: 0.4rem;
}
.price_box em{
  font-size:0.26rem;
font-weight:bold;
color:rgba(0,0,0,1);
line-height:0.36rem;
}
.e_code_img{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.e_code_img img{
  width: 1.5rem;
  /* height: 1.5rem; */
}
.e_code_img span{
  font-size:0.24rem;
font-weight:400;
color:rgba(51,51,51,1);
margin-top: 0.1rem;
}

</style>
<script>
export default{
  data () {
    return {
      img:{
        bac:require("../../assets/img/twocode/bac.png"),
        ewm:require("../../assets/img/twocode/ewm.png"),
        tx:require("../../assets/img/twocode/tx.png")
      }
    }
  },
  mounted () {

  }
}

</script>